<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜精神</title>
    <link rel="shortcut icon" href=" favicon.ico" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/personal.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <!-- 顶部导航栏 -->
    <div class="topnav">
        <div class="topn_1 w">
            <div class="topn_2 fr">
                <ul>
                    <li><a href="#">请先登录</a></li>
                    <li></li>
                    <li><a href="#">免费注册</a></li>
                    <li></li>
                    <li><a href="#">我的订单</a></li>
                    <li></li>
                    <li><a href="#">会员中心</a></li>
                    <li></li>
                    <li><a href="#">帮助中心</a></li>
                    <li></li>
                    <li><a href="#">在线客服</a></li>
                    <li></li>
                    <li><a href="#">手机版</a></li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 顶部导航栏结束 -->
    <!-- 头部区开始 -->
    <div class="header w">
        <div class="logo fl">
            <h1>
                <a href="#">小兔鲜</a>
            </h1>
        </div>
        <div class="navitem">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">餐厨</a></li>
                <li><a href="#">电器</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">洗护</a></li>
                <li><a href="#">孕婴</a></li>
                <li><a href="#">服装</a></li>
            </ul>
        </div>
        <div class="search fr">
            <input type="search" placeholder="搜一搜" class="sea">
            <div class="fang"></div>
            <i class="eight">8</i>
        </div>


    </div>
    <!-- 主体区 -->
    <div class="content w clearfix">
        <div class="leftsidebar fl">
            <div class="leftbar">
                <dl class="lbar_01">
                    <dt>我的账户</dt>
                    <dd><a href="">个人中心</a></dd>
                    <dd><a href="">消息通知</a></dd>
                    <dd><a href="">个人信息</a></dd>
                    <dd><a href="">安全设置</a></dd>
                    <dd><a href="">地址管理</a></dd>
                    <dd><a href="">我的积分</a></dd>
                    <dd><a href="">我的足迹</a></dd>
                    <dd><a href="">邀请有礼</a></dd>
                    <dd><a href="">幸运抽奖</a></dd>
                </dl>
                <dl class="lbar_02">
                    <dt>交易管理</dt>
                    <dd><a href="">我的订单</a></dd>
                    <dd><a href="">优惠券</a></dd>
                    <dd><a href="">礼品卡</a></dd>
                    <dd><a href="">评价晒单</a></dd>
                    <dd><a href="">售后服务</a></dd>
                </dl>
                <dl class="lbar_03">
                    <dt>我的收藏</dt>
                    <dd><a href="">收藏的商品</a></dd>
                    <dd><a href="">收藏的专题</a></dd>
                    <dd><a href="">关注的品牌</a></dd>
                </dl>
                <dl class="lbar_04">
                    <dt>帮助中心</dt>
                    <dd><a href="">帮助中心</a></dd>
                    <dd><a href="">在线客服</a></dd>

                </dl>
            </div>

        </div>
        <div class="rightsidbar fl ">
            <!-- 个人信息 -->
            <div class="beauty">
                <div class="touxiang">
                    <img src="./uploads/avatar_1.png" alt="">
                </div>
                <div class="huiyuan">
                    <p><a href="#">会员中心</a></p>
                </div>
                <div class="anquan">
                    <p><a href="#">安全设置</a></p>
                </div>
                <div class="dizhi">
                    <p><a href="#">地址管理</a></p>
                </div>
            </div>
            <div class="mai">
                <h3 class="mai_99">我的订单</h3>
                <a href="" class="mai_01">查看全部</a>
                <div class="yifu">
                    <div class="yifu_1">
                        <div class="y_583 fl">
                            <div class="yifu_2 fl">
                                <img src="./uploads/clothes_goods_5.jpg" alt="">
                            </div>
                            <div class="wenzi fl">
                                <h4>拉夫劳伦t恤男正品圆领短袖...</h4>
                                <p>颜色：白色 尺码：M 数量：1</p>
                            </div>
                            <p class="yi_3">
                                待付款
                            </p>
                        </div>
                        <div class="y_197 fl">
                            <p class="y_01">￥99.00</p>
                            <p class="y_02">（含运费：¥10.00元）</p>
                            <p class="y_03">在线支付</p>
                        </div>
                        <div class="y_100 fl">
                            <a href="" class="y_04">立即付款</a>
                            <p class="y_05">查看详情</p>
                            <p class="y_06">取消订单</p>
                        </div>
                    </div>
                    <div class="yifu_1">
                        <div class="y_583 fl">
                            <div class="yifu_2 fl">
                                <img src="./uploads/clothes_goods_6.jpg" alt="">
                            </div>
                            <div class="wenzi fl">
                                <h4>李宁跑步鞋男鞋空气弧...</h4>
                                <p>颜色：灰色  尺码：42  数量：1</p>
                            </div>
                            <p class="yi_3">待付款</p>
                            <span class="yi_07">查看物流</span>
                        </div>
                        <div class="y_197 fl">
                            <p class="y_01">￥199.00</p>
                            <p class="y_02">（含运费：¥10.00元）</p>
                            <p class="y_03">在线支付</p>
                        </div>
                        <div class="y_100 fl">
                            <a href="" class="y_04">确认收货</a>
                            <p class="y_05">查看详情</p>
                            <p class="y_06">再次购买</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 收藏系列 -->
            <div class="collection">
                <h3 class="mai_99">收藏的商品</h3>
                <a href="" class="mai_01">查看全部</a>
                <ul class="coll_01">
                    <li>
                        <a href=""> 
                            <img src="./uploads/collect_goods_1.jpg" alt="">
                        </a>   
                       <div class="coll_02">
                        <p>人本秋季厚底帆布鞋<br>
                            韩版低帮增高学生</p>  
                            <span>￥55</span>   
                       </div> 
                        
                </li>
                <li>
                    <a href=""> 
                        <img src="./uploads/collect_goods_2.jpg" alt="">
                    </a>   
                   <div class="coll_02">
                    <p>迪士尼真皮针扣表带宽度<br>
                        14-16mm规格双色压纹</p>  
                        <span>￥29</span>   
                   </div> 
                   <div class="liu_01">6折</div>
                    
            </li>
            <li>
                <a href=""> 
                    <img src="./uploads/collect_goods_3.jpg" alt="">
                </a>   
               <div class="coll_02">
                <p>米家飞行员太阳镜 Pro</p> 
                <p></p> 
                    <span>￥199</span>   
               </div> 
                
        </li>
        <li>
            <a href=""> 
                <img src="./uploads/collect_goods_4.jpg" alt="">
            </a>   
           <div class="coll_02">
            <p>ONLY夏季新款高腰宽松<br>
                七分阔腿裙裤休闲裤</p>  
                <span>￥275</span>   
           </div> 
            
    </li>
                </ul>
            </div>
            <div class="collection meile">
                <h3 class="mai_99">收藏的商品</h3>
                <a href="" class="mai_01">查看全部</a>
                <ul class="coll_01">
                    <li>
                        <a href=""> 
                            <img src="./uploads/collect_goods_1.jpg" alt="">
                        </a>   
                       <div class="coll_02">
                        <p>人本秋季厚底帆布鞋<br>
                            韩版低帮增高学生</p>  
                            <span>￥55</span>   
                       </div> 
                        
                </li>
                <li>
                    <a href=""> 
                        <img src="./uploads/collect_goods_2.jpg" alt="">
                    </a>   
                   <div class="coll_02">
                    <p>迪士尼真皮针扣表带宽度<br>
                        14-16mm规格双色压纹</p>  
                        <span>￥29</span>   
                   </div> 
                   <div class="liu_01">6折</div>
                    
            </li>
            <li>
                <a href=""> 
                    <img src="./uploads/collect_goods_3.jpg" alt="">
                </a>   
               <div class="coll_02">
                <p>米家飞行员太阳镜 Pro</p> 
                <p></p> 
                    <span>￥199</span>   
               </div> 
                
        </li>
        <li>
            <a href=""> 
                <img src="./uploads/collect_goods_4.jpg" alt="">
            </a>   
           <div class="coll_02">
            <p>ONLY夏季新款高腰宽松<br>
                七分阔腿裙裤休闲裤</p>  
                <span>￥275</span>   
           </div> 
            
    </li>
                </ul>
            </div>
           
        </div>
    </div>
    <!-- 头部区结束 -->
    <div class="footer">
        <div class="foot w">
            <div class="foot_1 fl">
                <h2>客户服务</h2>
                <a href="#" class="foot_01">
                    <p class="foot_02">在线客服</p>
                </a>
                <a href="#" class="foot_03">
                    <p class="foot_02">问题反馈</p>
                </a>
            </div>
            <div class="foot_1 fl">
                <h2>关注我们</h2>
                <a href="#" class="foot_04">
                    <p class="foot_02">公众号</p>
                </a>
                <a href="#" class="foot_05">
                    <p class="foot_02">微博</p>
                </a>
            </div>
            <div class="foot_0 fl ">
                <h2>下载APP</h2>
                <div class="foot_2 fl">
                    <img src="./uploads/qrcode.jpg" alt="">
                </div>
                <div class="foot_3 fl ">
                    <p>扫描二维码</p>
                    <p>立马下载APP</p>
                    <a href="#">下载页面</a>
                </div>
            </div>
            <div class="foot_10 fl ">
                <h2>服务热线</h2>
                <p class="foot_p">400-0000-000</p>
                <p class="foot_b">周一至周日 8:00-18:00</p>
            </div>
        </div>
        <!-- 底部开始 -->
        <div class="dibu">
            <div class="dibu_01 w">
                <ul>
                    <li>
                        <div class="dibu_02 fl"></div>
                        <span class="fl">价格亲民</span>
                    </li>
                    <li>
                        <div class="dibu_03 fl"></div>
                        <span class="fl">物流快捷</span>
                    </li>
                    <li>
                        <div class="dibu_04 fl"></div>
                        <span class="fl">品质新鲜</span>
                    </li>

                </ul>
            </div>
            <div class="zuihou w">
                <ul>
                    <li><a href="#">关于我们 </a></li>
                    <li></li>
                    <li><a href="#">帮助中心 </a></li>
                    <li></li>
                    <li><a href="#">售后服务 </a></li>
                    <li></li>
                    <li><a href="#">配送与验收</a></li>
                    <li></li>
                    <li><a href="#">商务合作 </a></li>
                    <li></li>
                    <li><a href="#">搜索推荐 </a></li>
                    <li></li>
                    <li><a href="#">友情链接 </a></li>
                </ul>
                <p>CopyRight @ 小兔鲜儿</p>
            </div>
        </div>
        <!-- 页尾开始 -->

</body>

</html>